
@import '../../node_modules/bootstrap/scss/bootstrap';
$cellHeight: ($grid-gutter-width / 3.5);
.jg3x3 {
    border: 1px #303030 solid;
    // padding: size(50);
    margin: 1px;
    // box-shadow: 5px 5px 5px #012E3B;
    background-color: rgba(226, 191, 23, 0.41);
}


.jgcell {
    width: $cellHeight;
    height: ($grid-gutter-width * 1.2);

    display:inline-block;
    
    line-height: ($grid-gutter-width * 1.2);
    text-align: center;
    background-color: rgba(172, 139, 86, 0.52);
    // color: $teal;
    // padding-left: 3px;
    // padding-right: 3px;

}

.givenCell {
    // background-color: rgba(255, 128, 8, 0.59);
    // color: #45E10D;
    font-size: 2.3rem; 
    color: $blue;
}